import { useNavigate } from "umi";
import { ProCard } from "@ant-design/pro-components";

const GameDesignToolsPage = () => {
  const navigator = useNavigate()
  const handleClickTwineTool = () => {
    navigator('/tools/twine-tool')
  }

  return <>
    <ProCard
      gutter={[{ xs: 8, sm: 8, md: 16, lg: 24, xl: 32 }, 16]}
      style={{ marginBlockStart: 16 }}
    >
      TODO,快捷分类和搜索
    </ProCard>
    <ProCard
      gutter={[{ xs: 8, sm: 8, md: 16, lg: 24, xl: 32 }, 16]}
      style={{ marginBlockStart: 16 }}
    >
      <ProCard style={{ maxWidth: 300 }} hoverable bordered onClick={handleClickTwineTool}>
        Twine剧本转配置表
      </ProCard>
    </ProCard>
    
  </>
}


export default GameDesignToolsPage;